<template>
  <section class="h-full w-full main-container flex flex-col">
    <headTop />
    <div class="flex flex-1 w-100% bottom-c">
      <containerLeft class="flex-1"></containerLeft>
      <containerCenter class="w-46%"></containerCenter>
      <containerRight class="flex-1"></containerRight>
    </div>
  </section>
</template>

<script setup lang="ts">
import headTop from './headTop.vue'
import containerLeft from './containerLeft.vue'
import containerCenter from './containerCenter.vue'
import containerRight from './containerRight.vue'
</script>

<style lang="less">
.main-container {
  overflow: auto;
  color: #fff;
  .bottom-c{
    background: url('@/assets/images/bg.png') no-repeat 100% 100%;
    background-size: cover;
  }
}
</style>
